<template>
  <el-container>
    <el-header class="header">
      <mt-header/>
    </el-header>
    <el-main class="main">
      <nuxt/>
    </el-main>
    <el-footer>
      <mt-footer height="100%"></mt-footer>
    </el-footer>
</el-container>
</template>

<script>
import MtHeader from '@/components/public/header/index.vue'
import MtFooter from '@/components/public/footer/index.vue'
export default {
  components:{
    MtHeader,
    MtFooter
  }
}
</script>
<style lang="scss" scoped>
  body {
    margin: 0;
    background: #f8f8f8;
    .header {
      position: relative;
      padding: 0;
      height: auto !important;
    }
    .main {
      padding: 0;
      overflow: inherit;
    }
  }
</style>
